<link rel="stylesheet" href="../src/css/pages/feedList.css">
<div class="fmp-container">
    <div class="container-fluid">
        <div class="row" id="search-area" style="padding-bottom: 12px;margin-top: 20px;">
            <div class="col-sm-2 no-margin">
                <a href="javascript:void(0)" class="btn btn-primary btn-sm hidden" id="add-feed-btn">
                    <i class="icon-search"></i> {{i18n-addFeed}}
                </a>
            </div>
        </div>
        <div class="feeds-table">
            <!--列表：开始-->
            <table class="smart-form" list-manager="feedList">
                <thead>
                <tr>
                    <th width="55" th-name="order">{{i18n-order}}</th>
                    <th th-name="connObjName">{{i18n-feedName}}</th>
                    <th th-name="prodCfgName">{{i18n-productName}}</th>
                    <th th-name="productCnt">{{i18n-productCnt}}</th>
                    <th th-name="currency">{{i18n-currency}}</th>
                    <th th-name="materiel">{{i18n-materiel}}</th>
                    <th th-name="availability">{{i18n-availability}}</th>
                    <th th-name="actionDescribe">{{i18n-operation}}</th>
                    <th th-name="operationTime">{{i18n-operationTime}}</th>
                </tr>
                </thead>
                <tbody id="feeds-grid">
                </tbody>
            </table>
            <!--列表：结束-->
        </div>
    </div>
</div>
<div id="box1" class="box blurred-bg tinted hidden" style="background-color:#f7f7f7">

</div>
<!--添加feed弹出框：开始-->
<div class="modal fade dialog-add-feed" role="dialog">
    <div class="modal-dialog modal-md" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">{{i18n-addFeed}}</h4>
            </div>
            <div class="modal-body">
                <div>
                    <label>{{i18n-feedName}}</label>
                    <input class="feedInput feedName" />
                </div>
                <div class="mt-15">
                    <label>{{i18n-promotedWebsite}}</label>
                    <input name="promotedWebsite" class="feedInput form-input">
                </div>
                <div class="mt-15">
                    <label>{{i18n-product}}</label>
                    <div class="c-select-container">
                        <select name="product" style="width:100%">
                        </select>
                    </div>
                </div>
                <div class="mt-15">
                    <label>{{i18n-currency}}</label>
                    <div class="c-select-container">
                        <select name="currency" style="width:100%">
                        </select>
                    </div>
                </div>
                <div class="mt-15">
                    <label>{{i18n-productCatalog}}</label>
                    <div class="c-select-container" style="padding-left: 25px;">
                        <input type="radio" id="oldCatalog"  checked="true" name="createCatalog" class="form-input">
                        <label for="oldCatalog" style="width:90px;">
                            <span class="radio-dot"></span>
                            {{i18n-useExisted}}
                        </label>
                        <input type="radio" id="newCatalog" name="createCatalog" class="form-input">
                        <label for="newCatalog">
                            <span class="radio-dot"></span>
                            {{i18n-new}}
                        </label>
                    </div>
                </div>
                <div id="selectBm" class="mt-15">
                    <label>{{i18n-bm}}</label>

                    <div class="c-select-container">
                        <select name="bm" style="width:100%">
                        </select>
                    </div>
                </div>
                <hr>
                <div>
                    <label>{{i18n-schedule}}</label>
                    <div class="c-select-container" style="width:450px;">
                        <div class="ndp-drop-wrapper" name="interval-drop" style="width:120px;"></div>
                        <span name="dayOfWeek-symbol" class="hidden">-</span>
                        <div class="ndp-drop-wrapper hidden" name="dayOfWeek-drop" style="width:120px;"></div>
                        -
                        <div class="ndp-drop-wrapper" name="hour-drop" style="width:120px;"></div>
                    </div>

                </div>
                <div class="form-group feed-urls">
                    <label style="margin-top:25px;">{{i18n-feedUrl}}</label>
                    <div class="feed-urls-wrapper">
                        <input type="text" class="urlInput" placeholder="{{i18n-pleaseInputFeedUrl}}"/>
                        <button type="button" class="close remove-btn hidden"
                                data-dismiss="alert" aria-label="Close" >
                            <span aria-hidden="true"style="font-size: 27px;">&times;</span>
                        </button>
                    </div>
                    <button class="btn add-btn btn-plus"
                            data-id="feed-urls-btn"><i class="glyphicon glyphicon-plus"></i></button>
                </div>
                <hr>
                <div>
                    <label>{{i18n-utmSource}}</label>
                    <input class="feedInput utmSource" />
                </div>
                <div class="mt-15">
                    <label>{{i18n-utmMedium}}</label>
                    <input class="feedInput utmMedium" />
                </div>
                <div class="mt-15">
                    <label>{{i18n-utmTerm}}</label>
                    <input class="feedInput utmTerm" />
                </div>
                <div class="mt-15">
                    <label>{{i18n-utmContent}}</label>
                    <input class="feedInput utmContent" />
                </div>
                <div class="mt-15">
                    <label>{{i18n-utmCampaign}}</label>
                    <input class="feedInput utmCampaign" />
                </div>
                <div class="mt-15">
                    <label>{{i18n-utmCustom}}</label>
                    <input class="feedInput utmCustom" />
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" saveAndFetch>{{i18n-saveAndFetch}}</button>
                <button type="button" class="btn btn-primary hidden" save>{{i18n-save}}</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">{{i18n-cancel}}</button>
            </div>
        </div>
    </div>
</div>
<!--添加feed弹出框：结束-->
<!--立即抓取弹出框：结束-->
<div id="fetch-modal" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">{{i18n-fetchConfirm}}</h4>
            </div>
            <div class="modal-body">
                <p>{{i18n-fetchConfirmContent}}</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" confirm>{{i18n-confirm}}</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">{{i18n-cancel}}</button>
            </div>
        </div>
    </div>
</div>
<!--立即抓取弹出框：结束-->

<!--绑定产品目录modal-->
<div id="modal-bindCatalog" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">{{i18n-bindProductCatalog}}</h4>
            </div>
            <div class="modal-body" style="width:597px;height:500px;overflow:scroll;overflow-x:hidden;overflow-y:scroll;">
                <div class="ndp-search-wrapper" name="plain"></div>
                <!--<div class="ndp-table-wrapper table-bordered" name="solid-sort-table"></div>-->
                <table class="table table-bordered" >
                    <thead>
                    <tr>
                        <th f="id">Id</th>
                        <th f="name">{{i18n-productCatalogName}}</th>
                        <th f="businessId">BusinessId</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" confirm>{{i18n-confirm}}</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">{{i18n-cancel}}</button>
            </div>
        </div>
    </div>
</div>
<!--绑定产品目录结束-->